<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<!--<meta name="viewport" content="width=device-width, initial-scale=1.0" />-->
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>总厂统计</title>
		<link rel="stylesheet" href="css/public.css" />
		<link rel="stylesheet" href="laydate/need/laydate.css" />
		<link rel="stylesheet" href="css/integralPlant.css" />
	</head>

	<body>
		<!--[if lt IE 9]>
    <div class="alert alert-danger">您正在使用 <strong>过时的</strong> 浏览器. 是时候 <a href="http://browsehappy.com/">更换一个更好的浏览器</a> 来提升用户体验.</div>
  <![endif]-->
		<div class="shelf">
			<header class="header clear">
				<div class="header-hint">
					<div class="safety">
						<div class="piece-title">
							<p>安全</p>
							<p>生产</p>
						</div>
						<div class="piece-cont">
							<span>365</span>
							<span>天</span>
						</div>
					</div>
				</div>
				<div class="header-cont">
					<div class="piece-box fl">
						<div class="piece">
							<p class="title">点检统计</p>
							<p class="cont fl">
								正常：<span class="normal-data">23</span>
							</p>
							<p class="cont fl">
								异常：<span class="abnormal-data">3</span>
							</p>
							<p class="cont fl">
								严重：<span class="critical-data">1</span>
							</p>
						</div>
					</div>
					<div class="piece-box fl">
						<div class="piece">
							<p class="title">操作票统计</p>
							<p class="cont fl">
								未完成：<span>23</span>
							</p>
							<p class="cont fl">
								已完成：<span>3</span>
							</p>
						</div>
					</div>
					<div class="piece-box fl">
						<div class="piece">
							<p class="title">工作票统计</p>
							<p class="cont fl">
								未完成：<span>23</span>
							</p>
							<p class="cont fl">
								已完成：<span>3</span>
							</p>
						</div>
					</div>
					<div class="piece-box fl">
						<div class="piece">
							<p class="title">定期工作</p>
							<p class="cont fl">
								未完成：<span>23</span>
							</p>
							<p class="cont fl">
								已完成：<span>3</span>
							</p>
						</div>
					</div>
				</div>
			</header>
			<div class="row">
				<div class="piece-box pie">
					<div class="piece">
						<div class="title">
							<span>全厂点检环形比例图</span>
						</div>
						<div class="echarts" id="inspection-pie">

						</div>
					</div>
				</div>
				<div class="piece-box">
					<div class="piece">
						<div class="title">
							<span>全厂点检柱形统计图</span>
							<div class="form">
								<span>时间查询：从</span><input type="text" id="bdate1" class="laydate-icon" placeholder='开始时间'/><span>到</span><input type="text" id="fdate1" class="laydate-icon" placeholder='结束时间' />
								<input type="button" value="查询" class="btn" />
							</div>
						</div>
						<div class="echarts" id="inspection-bar">

						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="piece">
					<div class="title">
						<span>全厂工作票柱形统计图</span>
						<div class="form">
							<span>时间查询：从</span><input type="text" id="bdate2" class="laydate-icon" placeholder="开始时间"/><span>到</span><input type="text" id="fdate2" class="laydate-icon" placeholder='结束时间' />
							<input type="button" value="查询" class="btn" />
						</div>
					</div>
					<div class="echarts" id="workTicket">

					</div>
				</div>
			</div>
			<div class="row">
				<div class="piece">
					<div class="title">
						<span>全厂操作票柱形统计图</span>
						<div class="form">
							<span>时间查询：从</span><input type="text" id="bdate3" class="laydate-icon" placeholder='开始时间'/><span>到</span><input type="text" id="fdate3" class="laydate-icon" placeholder="结束时间" />
							<input type="button" value="查询" class="btn" />
						</div>
					</div>
					<div class="echarts" id="operation">

					</div>
				</div>
			</div>
			<div class="row">
				<div class="piece">
					<div class="title">
						<span>全场定期工作柱形统计图</span>
						<div class="form">
							<span>时间查询：从</span><input type="text" id="bdate4" class="laydate-icon" placeholder="开始时间"/><span>到</span><input type="text" id="fdate4" class="laydate-icon" placeholder="结束时间" />
							<input type="button" value="查询" class="btn" />
						</div>

					</div>
					<div class="echarts" id="regular">

					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="js/jquery-3.2.1.min.js"></script>
	<script src="laydate/laydate.js"></script>
	<script src="js/echarts.common.min.js"></script>
	<script src="js/integralPlant.js"></script>

</html>